<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
			.duration-500ms {
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
			}
			
			.duration-2s {
				-webkit-animation-duration: 2s;
				animation-duration: 2s;
			}
		</style>
	</head>

	<body>

		<!--
			
			倪银龙
			
			yunduansoft
			
			niyinlong@126.com
			
			17721498820 8:00~10:00 
			
			
			1. 从上往下
			2. 从左往右
			3. 从外往里
			4. 色块定位
			
		-->

		<div class="top w clear">
			<div class="logo left">
				<img src="img/logo.jpg">
			</div>
			<div class="tel right">
				<img src="img/tel.jpg">
			</div>
		</div>

		<div class="banner"></div>

		<div class="floor floor-1">
			<div class="w">
				<h1 class="title">
					<span class="linear">高级UI/UE设计师  让您永远不缺<span class="red">高薪职位</span></span>
				</h1>
				<p class="desc">
					UI设计师，真正的高薪职业。零基础入行平均薪资达10000－12000，入行1年平均薪资达12000以上。<br /> UI界面设计行业正在蓬勃发展，未来的薪资只会更高！
				</p>

				<div class="gongzi clear animated">
					<div class="left">
						<h2 class="title">高级<span class="red">UI设计师</span>工资收入水平</h2>
						<h1>¥15190</h1>
						<p class="tips-1">近１年1384份样本</p>
						<p class="tips-2">注释：数据来源职友集．此数据根据企业近一年发布的薪酬数据 统计所得，可能因统计算法等因素出现偏差，仅供参考。
						</p>
					</div>
					<div class="right">
						<img src="img/charts.png">
					</div>
				</div>
				<div class="btn">
					<button class="animated bounce infinite slower ">了解更多薪资</button>
				</div>
			</div>
		</div>

		<div class="floor floor-2 floor-deep">
			<div class="w">
				<h1 class="title">
					<span class="linear">大机构<span class="red">四重保障</span>   确保学习无后顾之忧</span>
				</h1>
				<p class="desc">够专业、够自信、够强大 就是这么任性</p>
				<div class="baozhang">

					<ul class="list">
						<li class="item-1">
							<img src="img/shixue.png" />
							<div class="box">
								<div class="title">免费试学</div>
								<span class="desc">担心学不会，不用怕，非凡学院报名前可申请免费试学</span>
							</div>
						</li>
						<li class="item-2">
							<img src="img/chongxiu.png" />
							<div class="box">
								<div class="title">免费重修</div>
								<span class="desc">学习需经科目考核、5大阶段考核，学不会可免费重修</span>
							</div>
						</li>
						<li class="item-3">
							<img src="img/kaozheng.png" />
							<div class="box">
								<div class="title">确保考证</div>
								<span class="desc">学院承诺，确保学完有能力通过相关资格考试，通不过即退</span>
							</div>
						</li>
						<li class="item-4">
							<img src="img/jiuye.png" />
							<div class="box">
								<div class="title">签约就业</div>
								<span class="desc">入学即签推荐就业保障协议，保障高薪就业</span>
							</div>
						</li>
					</ul>

				</div>
				<div class="btn">
					<button class="animated bounce slow infinite">申请免费试学</button>
				</div>
			</div>
		</div>
		<div class="floor floor-3 floor-gray">
			<div class="w">
				<h1 class="title">
					<span class="linear"><span class="red">零基础</span>直达<span class="red">大师级UI</span>设计师</span>
				</h1>
				<p class="desc">在非凡学院您只需6个月 四项全能一次学好</p>

				<div class="shejishi">

					<ul class="list">
						<li>
							<div class="jieduan">
								<div class="title">平面设计师</div>
								<div class="clear">
									<button class="left">阶段</button>
									<span class="nianxin right">年薪50000+</span>
								</div>
								<table>
									<tr>
										<td style="width: 5em;">学习技能：</td>
										<td><span style="display: block;min-height: 4.5em;">企业VI、画册、海报 、广告牌等设计</span></td>
									</tr>
									<tr>
										<td>热门就业：</td>
										<td>广告公司<br />公关公司</td>
									</tr>
								</table>

							</div>
							<div class="pser">
								<img src="img/shejishi1.png">
							</div>
						</li>
						<li>
							<div class="jieduan">
								<div class="title">平面设计师</div>
								<div class="clear">
									<button class="left">阶段</button>
									<span class="nianxin right">年薪50000+</span>
								</div>
								<table>
									<tr>
										<td style="width: 5em;">学习技能：</td>
										<td><span style="display: block;min-height: 4.5em;">企业VI、画册、海报 、广告牌等设计</span></td>
									</tr>
									<tr>
										<td>热门就业：</td>
										<td>广告公司<br />公关公司</td>
									</tr>
								</table>

							</div>
							<div class="pser">
								<img src="img/shejishi2.png">
							</div>
						</li>
						<li>
							<div class="jieduan">
								<div class="title">平面设计师</div>
								<div class="clear">
									<button class="left">阶段</button>
									<span class="nianxin right">年薪50000+</span>
								</div>
								<table>
									<tr>
										<td style="width: 5em;">学习技能：</td>
										<td><span style="display: block;min-height: 4.5em;">企业VI、画册、海报 、广告牌等设计</span></td>
									</tr>
									<tr>
										<td>热门就业：</td>
										<td>广告公司<br />公关公司</td>
									</tr>
								</table>

							</div>
							<div class="pser">
								<img src="img/shejishi3.png">
							</div>
						</li>
						<li>
							<div class="jieduan">
								<div class="title">平面设计师</div>
								<div class="clear">
									<button class="left">阶段</button>
									<span class="nianxin right">年薪50000+</span>
								</div>
								<table>
									<tr>
										<td style="width: 5em;">学习技能：</td>
										<td><span style="display: block;min-height: 4.5em;">企业VI、画册、海报 、广告牌等设计</span></td>
									</tr>
									<tr>
										<td>热门就业：</td>
										<td>广告公司<br />公关公司</td>
									</tr>
								</table>

							</div>
							<div class="pser">
								<img src="img/shejishi4.png">
							</div>
						</li>
					</ul>

				</div>

				<div class="btn">
					<!--
						30不学艺，40不改行
					-->
					<button class="animated bounce infinite slower">零基础能学吗</button>
				</div>
			</div>
		</div>

		<div class="floor floor-4">
			<div class="w">
				<h1 class="title"><span class="linear">2018课程体系<span class="red">全面升级</span>，增强岗位竞争力</span></h1>
				<p class="desc">全程面授和现场互动教学、名师上课和辅导、全程PPHA考核体系</p>
				<div class="kecheng">
					<ul class="list">
						<li>
							<div class="title">
								<span class="red">5</span>大强化阶段
							</div>
							<div class="box">
								<div class="icon"><img src="img/xitong.png"></div>
								<div class="text">课程<span class="big">更系统</span></div>
							</div>
						</li>
						<li>
							<div class="title">
								<span class="red">5</span>大强化阶段
							</div>
							<div class="box">
								<div class="icon"><img src="img/xitong.png"></div>
								<div class="text">课程<span class="big">更系统</span></div>
							</div>
						</li>
						<li>
							<div class="title">
								<span class="red">5</span>大强化阶段
							</div>
							<div class="box">
								<div class="icon"><img src="img/xitong.png"></div>
								<div class="text">课程<span class="big">更系统</span></div>
							</div>
						</li>
						<li>
							<div class="title">
								<span class="red">5</span>大强化阶段
							</div>
							<div class="box">
								<div class="icon"><img src="img/xitong.png"></div>
								<div class="text">课程<span class="big">更系统</span></div>
							</div>
						</li>
					</ul>

				</div>

				<p class="tips-text">*纯上课课时，绝不含任何课后辅导时间</p>

				<div class="btn">
					<button class="animated bounce infinite slower">申请免费试学</button>
				</div>
			</div>
		</div>

		<div class="floor floor-5 floor-deep">
			<div class="w">
				<h1 class="title">
					<span class="linear"><span class="red">平面 网页 UI/UE界面</span>设计一步到位 </span>
				</h1>
				<p class="desc">经典设计软件零基础入门到技术的商业应用</p>

				<div class="part">

					<ul class="list">
						<li>
							<div class="title">第一部分</div>
							<ul class="list">
								<li><img src="img/ps.png"></li>
								<li><img src="img/AI.png"></li>
								<li><img src="img/id.png" /></li>
								<li><img src="img/pdf.png" /></li>
							</ul>
						</li>
						<li>
							<div class="title">第二部分</div>
							<ul class="list">
								<li><img src="img/DW.png" /></li>
								<li><img src="img/FW.png" /></li>
								<li><img src="img/html.png" /></li>
								<li><img src="img/css.png" /></li>
								<li><img src="img/js.png" /></li>
							</ul>
						</li>
						<li>
							<div class="title">第三部分</div>
							<ul class="list">
								<li><img src="img/pg.png"></li>
								<li><img src="img/ad.png"></li>
							</ul>
						</li>

					</ul>

					<img src="img/jieudan.png" width="1112px" style="position:relative;left: 10px;">

				</div>

				<div class="btn">
					<button class="animated bounce infinite slower">零基础能学吗</button>
				</div>
			</div>
		</div>

		<div class="floor floor-6">
			<div class="w">
				<h1 class="title"><span class="linear">在非凡学院，零基础<span class="red">5步</span>直达高级UI交互设计师</span></h1>
				<p class="desc">课程设置含金量高，256个商业案例，768饱满课时，回报快</p>
				<div class="step">

					<ul class="list">
						<li class="animated slow">
							<span class="number">1</span>
							<div class="step-img">
								<img src="img/meishu.png">
							</div>
							<p class="title">美学基础与软件技能</p>
							<ul class="course">
								<li>美术设计基础</li>
								<li>美术设计提高</li>
								<li>手绘图标</li>
								<li>Photoshop</li>
								<li>Illustrator</li>
								<li>Indesign</li>
								<li>Acrobat</li>
								<li>PS高级</li>
								<li>AI高级</li>
							</ul>
							<button>查询课程详情</button>
						</li>
						<li class="animated"></li>
						<li class="animated"></li>
						<li class="animated"></li>
						<li class="animated slow"></li>

					</ul>

				</div>

			</div>

		</div>

		<div class="floor floor-7 floor-gray">
			<div class="w">
				<h1 class="title">
					<span class="linear">多元化<span class="red">特色套餐</span>课程 满足不同层次学员的需求</span>
				</h1>
				<p class="desc">我们可根据学员的岗位需求进行个性化套餐课程的定制，从而满足不同基础和<br />不同岗位的学员提升技能的需要</p>

				<ul class="list taocan">
					<li>
						<img src="img/pingmian.png">

						<div class="course-info clear">
							<div class="left title">平面设计全科班</div>
							<div class="right keshi">128课时</div>
						</div>
					</li>
					<li>
						<img src="img/c4d.png">
					</li>
					<li>
						<img src="img/guanggao.png">
					</li>
					<li>
						<img src="img/uiue.png">
					</li>
				</ul>

				<div class="btn">
					<button class="animated bounce infinite slower">咨询课程</button>
				</div>
			</div>
		</div>

		<div class="floor floor-8 floor-red">

			<div class="w">
				<h1 class="title">
					<span class="linear">学院<span class="white">自主研</span>发教学用书  让学习更系统</span>
				</h1>
				<p class="desc">多年来坚持深入一线调研自主研发教学用书，教材编写人员全部来自行业内一线经验<br /> 丰富的师资团队，内容实用，通俗易懂，与上课知识点完全匹配，让学习变得更轻松</p>

				<div class="books">
					<ul class="list">
						<li>
							<img class="animated infinite" src="img/meishu_book.png" />
							<p class="book-name">美术培训教材</p>
						</li>
						<li>
							<img class="animated infinite" src="img/ps_book.png" />
							<p class="book-name">PS培训教材</p>
						</li>
						<li>
							<img class="animated infinite" src="img/ai_book.png" />
							<p class="book-name">AI培训教材</p>
						</li>
						<li>
							<img class="animated infinite" src="img/fw_book.png" />
							<p class="book-name">FW培训教材</p>
						</li>
						<li>
							<img class="animated infinite" src="img/dw_book.png" />
							<p class="book-name">DW培训教材</p>
						</li>
					</ul>
				</div>
				<!--<div class="taikong" style="position: absolute;bottom:-72px;width: 414px;height: 368px;right: -360px;z-index:0;"><img src="img/taikongren.png"></div>-->
			</div>

		</div>
		<div class="floor floor-9">
			<div class="w">
				<h1 class="title">
					<span class="linear">独创<span class="red">PPHA教学模式</span> 确保人人都能学会</span>
				</h1>
				<p class="desc">全面的课程考核，强大的学习监控，让基础差、学习慢的学员再也不用担心学不会</p>

				<div class="ppha">
					<div class="in animated"></div>
					<div class="out"></div>
					
					<div class="tag item-1 slow animated pulse infinite"><img src="img/yuxi.png"></div>
					<div class="tag item-2 fast animated pulse infinite"><img src="img/kaohe.png"></div>
					<div class="tag item-3 slower animated pulse infinite"><img src="img/chaping.png"></div>
					<div class="tag item-4 faster animated pulse infinite"><img src="img/jianglian.png" /> </div>
					<div class="tag item-5 slower animated pulse infinite"><img src="img/fudao.png"/></div>
					<div class="tag item-6 faster animated pulse infinite"><img src="img/zuoye.png"/></div>
					
				</div>
			</div>
		</div>
		
		<div class="floor floor-10 floor-red">
			<div class="w">
				<h1 class="title">
					<span class="linear"><span class="yellow">项目</span><span class="white">实训答辩</span>   提升品质促就业</span>
				</h1>
				<p class="desc">培养学员分析问题，解决问题，应用知识的能力，从而全面提升学员的综合就业能力</p>
				
				
				<div class="shixun">
					
					<ul class="list">
						<li>
							<img src="img/1.jpg">
						</li>
						<li>
							<img src="img/2.jpg">
						</li>
						<li>
							<img src="img/3.jpg">
						</li>
					</ul>
					
				</div>
				
				
				<h1 class="title">
					<span class="linear"><span class="white">"大咖智汇"</span>大讲堂   与技术大咖面对面</span>
				</h1>
				<p class="desc">定期邀请行业内的大咖级导师来校分享行业内最新技术和发展趋势</p>
				<div class="shixun">
					
					<ul class="list">
						<li>
							<img src="img/4.jpg">
						</li>
						<li>
							<img src="img/5.jpg">
						</li>
						<li>
							<img src="img/6.jpg">
						</li>
					</ul>
					
				</div>
			</div>
		</div>
		
		<div class="floor floor-12 floor-gray">
			<div class="w">
				<h1 class="title"><span class="linear">在非凡，你的同学就是你的<soan class="red">人脉</soan></span></h1>
				<p class="desc">13年耕耘、有设计的地方，就有非凡学员</p>
				
				<div class="gongsi">
					
					<div class="item item-1 delay-0ms faster"><img src="img/sina.png"></div>
					<div class="item item-2 delay-100ms delay-1s"><img src="img/sina.png"></div>
					<div class="item item-3 delay-100ms"><img src="img/sina.png"></div>
					<div class="item item-4 delay-200ms"><img src="img/sina.png"></div>
					<div class="item item-5 delay-300ms"><img src="img/sina.png"></div>
					<div class="item item-6 delay-300ms"><img src="img/sina.png"></div>
					<div class="item item-7 delay-400ms"><img src="img/sina.png"></div>
					<div class="item item-8 delay-500ms"><img src="img/sina.png"></div>
					<div class="item item-9 delay-500ms"><img src="img/sina.png"></div>
					<div class="item item-10 delay-600ms"><img src="img/sina.png"></div>
					<div class="item item-11 delay-700ms"><img src="img/sina.png"></div>
					<div class="item item-12 delay-700ms"><img src="img/sina.png"></div>
					<div class="item item-13 delay-800ms"><img src="img/sina.png"></div>
					<div class="item item-14 delay-900ms"><img src="img/sina.png"></div>
					<div class="item item-15 delay-900ms"><img src="img/sina.png"></div>
					<div class="item item-16 delay-1000ms"><img src="img/sina.png"></div>
					
				</div>
				
				<div class="btn">
					<button class="animated bounce infinite slower">了解更多就业单位</button>
				</div>
			</div>
		</div>
	</body>

</html>